<template>
  <dir class="center-cmp">
    <div class="cc-header">
      <dv-decoration-1 style="width:200px;height:50px;" />
      <div>产品销售及物流态势</div>
      <dv-decoration-1 style="width:200px;height:50px;" />
    </div>



    <div class="cc-main-container">
      <dv-flyline-chart :config="config" :dev="true" style="width:100%;height:100%;" />
    </div>



  </dir>
</template>

<script>


  export default {
    name: 'CenterCmp2',
    data () {
      return {
        config: {
          points: [
            [0.52, 0.23],
            [0.44, 0.29],
            [0.59, 0.35],
            [0.53, 0.47],
            [0.45, 0.54],
            [0.36, 0.38],
            [0.62, 0.55],
            [0.56, 0.56],
            [0.37, 0.66],
            [0.55, 0.81],
            [0.55, 0.67],
            [0.37, 0.29],
            [0.20, 0.36],
            [0.76, 0.41],
            [0.59, 0.18],
            [0.68, 0.17],
            [0.59, 0.10]
          ],
          centerPoint: [0.48, 0.35],
          bgImgUrl: require('./img/map.jpg'),
          centerPointImg: {
            url: require('./img/mapCenterPoint.png')
          },
          pointsImg: {
            url: require('./img/mapPoint.png')
          }

        }



      }
    }
  }
</script>

<style lang="less">
  .center-cmp {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;

    .cc-header {
      height: 70px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 30px;
    }

    .cc-main-container {
      position: relative;
      flex: 1;
      display: flex;




    }


  }
</style>
